﻿* { box-sizing:border-box }
.left-panel { width:25%;float:left;max-height:500px;width:25%;overflow-x:hidden;overflow-y:auto }
.right-panel { 
    float:left;margin-left:50px;border:1px solid #808080;border-radius:3px;padding:15px;
    width:600px;height:500px;position:relative
}
ul { list-style-type:none }
.contact-item { 
    padding:10px;background-color:rgba(88, 193, 255, 0.61);border-radius:3px;margin-bottom:3px;
    border:1px solid #3d88ff
}
.contact-item-selected { 
    padding:10px;background-color:rgba(255, 178, 57, 0.73);border-radius:3px;margin-bottom:3px;
    border:1px solid #ff6a00
}
.contact-item:hover { 
    background-color:rgba(255, 228, 98, 0.63);cursor:pointer;
    border:1px solid #ffd800
}
#new-contact-btn { float:left;cursor:pointer }
#contact-action-btn { float:right;position:absolute;bottom:10px;right:10px;width:75px }